<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>

<body>
    <pre>
    从数组和对象中提取值，对变量进行赋值，这被称为解构

    ES6中允许从数组中提取值，按照对应位置，对变量赋值。对象也可以实现解构。
  </pre
    >

    <script>
      // 声明的变量需要是对象中的属性名
      // 声明的变量也可以重命名，重命名以后只能使用新的名字

      // let obj = {
      //   name: "zs",
      //   age: 20,
      //   info: "zs是个程序员",
      // };

      // let { name: n, info } = obj;
      // console.log(n);// zs
      // console.log(info);// zs是个程序员
      // let { age } = obj;
      // console.log(age); // 20

      // let arr = [, "zs", "ls"];
      // let [a, b] = arr;
      // console.log(a); // undefined
      // console.log(b); // zs

      // let arr = [1, 2, 3];
      // let [a, b, c, d] = arr;
      // console.log(d); // undefined
      // let str = arr[0];
      // console.log(str); // 1
    </script>
  </body>
</html>